﻿@font-face
{
	font-family: SegoeUi;
	src: url('/Modules/Eking.Framework/Styles/SEGOEUI.TTF');
}

@font-face
{
	font-family: SegoeUiB;
	src: url('/Modules/Eking.Framework/Styles/SEGOEUIB.TTF');
}

/* Overwrite theme*/
.ui-corner-top, .ui-corner-all
{
	border-radius: 0px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-family: inherit;
}

.ui-widget
{
	font-family: inherit;
	font-size: 100%;
}

input[type="submit"], input[type="button"], button, .button, .button:link, .button:visited
{
	padding: .2em 1.8em;
}

#content .zone {
	padding: 0px;
	border: 1px
}

/* #region MeresMain */
#layout-header, .layout-navigation, .header, .menu, .menu-mainnav, .sf-menu, .sf-js-enabled, .sf-shadow
{
	visibility: hidden;
	height: 0px;
}

#layout-wrapper #layout-navigation
{
	border-bottom: 0px;
}


#meres
{
	font-family: SegoeUi;
	border: 1px solid white;
}

	#meres #searchBox
	{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

		#meres #searchBox input[type='text']
		{
			border: 0px;
		}

			#meres #searchBox input[type='text']:hover
			{
				border: 0px;
			}

	#meres h6
	{
		font-size: smaller;
	}

	#meres b
	{
		font-family: SegoUiB;
		font-size: inherit;
	}

	#meres #menuLayout
	{
		color: White;
		background: #464646;
		height: 28px;
		position: relative;
	}

#menuLayout h6
{
	padding: 7px;
}

#meres input[type='text'], #meres input[type='password']
{
	border: 1px solid #F4F4F4;
	-webkit-transition: all 0.3s;
}

#meres .flatStyle
{
	border: 0px;
	background-color: #CACACA;
	float: left;
}

	#meres .flatStyle:hover
	{
		background-color: #D5D5D5;
	}

#meres input[type='search']
{
	border: 0px;
}

#meres input[type='text']:hover
{
	border: 1px solid gray;
}

#meres input[type='text']:focus
{
	border: 1px solid dimgray;
}

#meres .smallbutton
{
	border: 0px;
	height: 43px;
	width: 43px;
	background: #CBCBCB;
	-webkit-transition: all 0.3s;
	margin: 5px;
	padding: 0px;
}

	#meres .smallbutton:hover
	{
		border: 0px;
		background: gray;
	}

#meres h1
{
	font-size: x-large;
}

#contentPresenter
{
	min-height: 600px;
	background: white url('Map1280x800.jpg');
	border: 0px;
	background-size: 100%;
}

	#contentPresenter li .ui-icon-close
	{
		float: left;
		margin: 10px 5px 0px 0px;
		cursor: pointer;
	}

#meres .ui-state-hover
{
	background-image: none;
}



/* #endregion */

/* #region moduleView (generic styles of module) */

.moduleView h1
{
	font-family: inherit;
	font-size: x-large;
}

.moduleView
{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #F4F4F4;
}

	.moduleView ul
	{
		margin: 0px;
	}

	.moduleView .ui-selectee
	{
		padding: 10px 20px 10px 40px;
		text-decoration: none;
		list-style: none;
		cursor: pointer;
		-webkit-transition: all 0.3s;
	}

		.moduleView .ui-selectee:hover
		{
			background-color: #DEDEDE;
		}

	.moduleView .ui-selected, .moduleView .ui-selected:hover
	{
		color: White;
		background-color: dimgray;
	}

	.moduleView .ui-selecting
	{
		color: White;
		background-color: gray;
	}

#meres .side1
{
	background: #F4F4F4;
	font-size: large;
	padding: 0px 0px 0px 0px;
}

	#meres .side1 .ui-selectee, #meres .side1 .ui-selected
	{
		padding: 10px 20px 10px 40px;
		font-size: large;
	}


/* #endregion */

/* #region AdminView */

/* #endregion */

/* #region PeopleView */
.moduleView .ui-tabs .ui-tabs-nav li a
{
	padding: 8px 15px 8px 15px;
	font-size: small;
}

#meres .peopleViewTabIcon
{
	border: 0px;
	background: none;
}

#meres .peopleViewTabIcon
{
	background: #F4F4F4;
	padding: 0px;
	padding-bottom: 1px;
}

	#meres .peopleViewTabIcon li
	{
		margin: 0px 2px 0px 0px;
	}

#meres .moduleView .ui-tabs-panel
{
	background: white;
}


#meres .peopleFilter,
#meres .peopleSelector
{
	height: 100%;
	width: 100%;
}

	#meres .peopleSelector .ui-tabs-panel
	{
		top: 65px;
	}

.personInfoTabs
{
	height: 300px;
}

/*#region ekingIcons */

#meres .ekingIcon
{
	background-image: url('/Modules/Eking.Framework/Styles/ekingicons1.png');
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	float: left;
}

#meres .ekingIcon2
{
	background-image: url('/Modules/Eking.Framework/Styles/ekingicons2.png');
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	float: left;
}

.ekingIcon3
{
	background-image: url('/Modules/Eking.Framework/Styles/ekingicons3.png');
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	float: left;
}

.ekingIcon-listView
{
	background-position: -100px -20px;
}

.ekingIcon-iconView
{
	background-position: -77px -20px;
}

.ekingIcon-detailPersonView
{
	background-position: -128px -20px;
}

.ekingIcon-detailRdView
{
	background-position: -50px -20px;
}

.ekingIcon-error
{
	background-position: -35px -8px;
}

.ekingIcon-info
{
	background-position: -10px -8px;
}

.ekingIcon-alert
{
	background-position: -62px -8px;
}


/*#endregion */

#meres .moduleTabIcon
{
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
}

#tabs-People
{
	overflow: hidden;
}

.moduleView .ui-selectee, .moduleView .ui-selected
{
	padding: 3px 5px 3px 5px;
	font-size: small;
}

.moduleView .peopleFilterTextBox[type='text']
{
	background: white;
	font-size: small;
	border: 0px;
	margin: 3px 4px 3px 0px;
	-webkit-box-sizing: border-box;
	width: 100%;
}

	.moduleView .peopleFilterTextBox[type='text']:hover
	{
		border: 0px;
	}

	.moduleView .peopleFilterTextBox[type='text']:focus
	{
		border: 0px;
	}

#peopleView .peopleFunctions
{
	bottom: 0px;
}

	#peopleView .peopleFunctions .ui-selectee, #peopleView .peopleFunctions .ui-selected
	{
		padding: 10px;
		font-size: large;
	}

.panelArea
{
	background: none;
	border: 0px;
}

.moduleView li
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#meres .centerTabs ul
{
	text-align: center;
}

	#meres .centerTabs ul li
	{
		display: inline-block;
		float: none;
		margin: 0px;
		margin-top: 5px;
		height: 34px;
	}

		#meres .centerTabs ul li a
		{
		}


#meres .actionBar
{
	position: relative;
	padding: 0px 2px 0px 2px;
	/*border-bottom: 1px solid #F4F4F4;*/
	background: #F4F4F4;
}

	#meres .actionBar > span > span
	{
		padding: 4px;
		margin: 2px;
		border: 1px solid #CCC;
	}

	#meres .actionBar .viewMode li
	{
		float: left;
		padding: 4px;
	}

.actionBar .commands > span
{
	cursor: pointer;
}

.moduleView .actionBar .ui-selectee,
.moduleView .actionBar .ui-selected
{
	padding: 0px;
}

/* #endregion */

/* #region HomePage */
.startpageBigIcon
{
	cursor: pointer;
	margin: 2px;
	border: 4px solid transparent;
	-webkit-transition: all 0.3s;
}

	.startpageBigIcon:hover
	{
		border: 4px solid white;
	}

/* #endregion */

/* #region JsTree */

.jstree-default.jstree-focused
{
	background: white;
}

.jstree-default .jstree-hovered
{
	background: gray;
}

/* #endregion */

/* #region ui-tabs 560px */
.ui-tabs .ui-tabs-panel
{
	position: absolute;
	top: 37px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	overflow: auto;
}

.ui-tabs
{
	padding: 0px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	background-image: none;
	border: 0px;
	margin: 2px .2em 1px 0;
}

.ui-tabs .ui-tabs-nav
{
	padding: 0px 0px 0px 2px;
	background-image: none;
	border: 0px;
	text-align: left;
}

	.ui-tabs .ui-tabs-nav li a
	{
		padding: 8px;
	}

	.ui-tabs .ui-tabs-nav li
	{
		margin: 2px 2px 0px 1px;
		padding: 0px;
	}

		.ui-tabs .ui-tabs-nav li.ui-tabs-selected
		{
			padding: 0px;
		}
/* #endregion */

.jXamlGrid .H
{
	cursor: e-resize;
}

.jXamlGrid .V
{
	cursor: n-resize;
}

.jXamlGridSplittingH
{
	cursor: e-resize;
}

#loadingIcon
{
	float: right;
	position: absolute;
	right: 10px;
	top: 10px;
	visibility: visible;
}

#meres .ui-widget-content
{
	border: 0px;
}

#meres .ui-accordion-header
{
	margin: 0px 0px 1px 0px;
	border: 0px;
}

	#meres .ui-accordion-header[aria-expanded="true"] a
	{
		background-color: #F4F4F4;
	}

	#meres .ui-accordion-header[aria-expanded="true"]
	{
		border-bottom: 1px solid #F4F4F4;
		font-weight: bold;
		background-color: #F4F4F4;
	}

#meres .ui-accordion .ui-accordion-content
{
	padding: 5px;
}

	#meres .ui-accordion .ui-accordion-content h3
	{
		margin: 0px;
		padding: 5px;
		font-size: small;
		-webkit-transition: all 0.3s;
		cursor: pointer;
		font-size: medium;
		border-bottom: 0px solid gray;
	}

		#meres .ui-accordion .ui-accordion-content h3:hover
		{
			background: #F4F4F4;
		}

#meres .ui-accordion input[type='button']
{
	background: white;
	margin: 1px;
	padding: 5px;
	color: black;
	border: 0px;
	-webkit-transition: all 0.3s;
	text-align: left;
}

	#meres .ui-accordion input[type='button']:hover
	{
		background: #F4F4F4;
		color: Black;
	}

#meres .side2
{
	background: #F4F4F4;
}

#meres .side3
{
	background: #F4F4F4;
	padding: 0px;
}

#meres .side2 .ui-accordion .ui-accordion-content
{
	padding: 0px;
}

#meres .side2 .ui-accordion > .ui-widget-content
{
	background: #F4F4F4;
}

#meres .side2 .ui-accordion > .syscontent
{
	background: white;
}

.relationshipDiagram .zoomSlider
{
	width: 200px;
}

#meres .circleItems li
{
	padding: 0px;
	border: 1px solid #E6E6E6;
	margin: 2px;
	text-align: center;
	border-radius: 10px;
}

.shortInfoHeader
{
	font-family: SegoeUiB;
	font-size: 1em;
}

#meres .toggleOff
{
	background: dimgray;
	color: White;
}

	#meres .toggleOff:hover
	{
		background: dimgray;
		color: White;
	}

#tooltip
{
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: black;
	padding: 5px;
	color: White;
	opacity: 0.7;
}

	#tooltip h3, #tooltip div
	{
		margin: 0;
	}


.ui-pager-control input[type="text"], .ui-pager-control input[type="password"]
{
	display: inherit;
}

#meres .ui-jqgrid
{
	border: 1px solid #CCC;
	-webkit-transition: all 0.3s;
}

#meres .ui-widget-header
{
	background-image: none;
}

#meres .jqgrow
{
	-webkit-transition: all 0.3s;
}

	#meres .jqgrow[class~="ui-state-highlight"]
	{
		background: gray;
	}

#meres td[role="gridcell"]
{
	vertical-align: middle;
}

#meres .cheatContainer:hover
{
	background: #464646;
	color: Gray;
}

#meres .menuActionLink:hover
{
	background: gray;
	color: White;
}

#meres td
{
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

#meres .ui-th-column
{
	vertical-align: middle;
}

#meres .allItems
{
	border-bottom: 1px solid #CCCCCC;
}

#meres .ui-state-highlight
{
	color: White;
}

.ui-widget-header
{
	background-image: none;
}

.jqGridSelCol
{
	cursor: pointer;
	font-family: SegoeUiB;
}

	.jqGridSelCol:hover
	{
		cursor: pointer;
		text-decoration: underline;
	}

.cardView
{
	padding: 0px;
}

	.cardView .ui-selectee
	{
		margin: 0px;
		padding: 0px;
	}


#meres .moduleView .cardView li
{
	border: 0px solid gray;
	float: left;
	margin: 3px;
	padding: 4px;
	background-color: #DEDEDE;
}

#meres .moduleView .cardView .ui-selectee:hover
{
	background-color: transparent;
}



#meres .moduleView .cardView li[class~="ui-selected"]
{
	background-color: gray;
}

#meres .moduleView .cardView .ui-selected:hover
{
	background-color: gray;
}

#meres .graphAction div
{
	float: left;
}

#meres .graphAction > span
{
	float: left;
	padding: 4px;
	cursor: pointer;
}

#meres .jsonEditor input
{
	padding: 5px;
	margin: 3px;
}

#meres .jsonEditor textarea
{
	padding: 5px;
	margin: 3px;
}

#meres .accordionAction
{
	display: inline-block;
}

	#meres .accordionAction > span
	{
		margin: 2px;
		padding: 3px;
		cursor: pointer;
	}

/*#region Notify */

#messageDiv
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 25px;
	background-color: white;
	z-index: 1002;
	opacity: 0.9;
	visibility: visible;
}

	#messageDiv > div
	{
		margin: 5px;
	}

		#messageDiv > div > *
		{
			float: left;
		}

	#messageDiv h5
	{
		margin: 1px 3px 1px 3px;
	}

	#messageDiv .leftDock
	{
		float: left;
	}

	#messageDiv .rightDock
	{
		float: right;
	}


.infoNotify
{
	border: 1px solid #3366cc;
}

.noNotify
{
	border: 1px solid gray;
}

	.noNotify .ekingIcon-info,
	.noNotify .ekingIcon-alert,
	.noNotify .ekingIcon-error
	{
		visibility: collapse;
		width: 0px;
	}

.infoNotify .ekingIcon-info
{
	visibility: visible;
}

.infoNotify .ekingIcon-alert
{
	visibility: collapse;
	width: 0px;
}

.infoNotify .ekingIcon-error
{
	visibility: collapse;
	width: 0px;
}

.errorNotify
{
	border: 1px solid red;
}

	.errorNotify .ekingIcon-info
	{
		visibility: collapse;
		width: 0px;
	}

	.errorNotify .ekingIcon-alert
	{
		visibility: collapse;
		width: 0px;
	}

	.errorNotify .ekingIcon-error
	{
		visibility: visible;
	}

.alertNotify
{
	border: 1px solid #FFCC00;
}

	.alertNotify .ekingIcon-info
	{
		visibility: collapse;
		width: 0px;
	}

	.alertNotify .ekingIcon-alert
	{
		visibility: visible;
	}

	.alertNotify .ekingIcon-error
	{
		visibility: collapse;
		width: 0px;
	}

/*#endregion */

/*#region FullScreenModule */
#fullScreenModuleContainer
{
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	position: fixed;
	z-index: -1;
}

	#fullScreenModuleContainer[class="hosting"]
	{
		z-index: 1002;
	}

.pointOfSaleModule
{
	background-color: white;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

.closeModule
{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	border: 1px solid rgb(227, 227, 227);
	-webkit-transition: all 0.5s;
	cursor: pointer;
}

.pointOfSaleModule .heading
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 80px;
	background-color: rgb(251, 183, 45);
}

.pointOfSaleModule .footer
{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 80px;
	background-color: rgb(251, 183, 45);
}

.closeModule:hover
{
	border-color: black;
}

.centerContent
{
	position: absolute;
	top: 80px;
	left: 0px;
	right: 0px;
	bottom: 80px;
}

/*#endregion */

